.Search {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f8f9fd;
  overflow: hidden;
  z-index: 99;
  .search_header_wrap {
    display: flex;
    height: 50px;
    align-items: center;
    padding: 0 12px;
    .back_wrap {
      width: 24px;
      height: 24px;
      margin-right: 6px;
      svg {
        width: 24px;
        height: 24px;
        fill: #3e465b;
      }
    }
    .search_contaniner {
      flex: 1;
      .search_wrap {
        .input_wrap {
          position: relative;
          border-radius: 14px;
          overflow: hidden;
          border: 1px solid #e8e8ea;
          input {
            background: #fff;
            width: 100%;
            height: 32px;
            outline: none;
            border: none;
            padding: 0 34px;
            box-sizing: border-box;
            font-size: 14px;
            color: #333;
          }
          input::placeholder {
            color: #9599a4;
          }
          .input_icon {
            height: 16px;
            position: absolute;
            top: 50%;
            left: 14px;
            transform: translate(0, -50%);
            svg {
              fill: #9599a4;
              width: 16px;
              height: 16px;
            }
          }
          .clear_icon {
            height: 16px;
            position: absolute;
            top: 50%;
            right: 14px;
            transform: translate(0, -50%);
            svg {
              fill: #3e465b;
              width: 16px;
              height: 16px;
            }
          }
          .search_content {
            position: fixed;
            top: 50px;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fbfcfd;
            overflow: scroll;
            z-index: 2;
          }
        }
        // .input_wrap {
        //   position: relative;
        //   border-radius: 14px;
        //   overflow: hidden;
        //   input {
        //     background: rgba(255, 255, 255, 0.5);
        //     width: 100%;
        //     height: 32px;
        //     outline: none;
        //     border: none;
        //     padding: 0 34px;
        //     box-sizing: border-box;
        //     font-size: 14px;
        //     color: #fff;
        //   }
        //   .input_icon {
        //     height: 16px;
        //     position: absolute;
        //     top: 50%;
        //     left: 14px;
        //     transform: translate(0, -50%);
        //     svg {
        //       fill: #fff;
        //       width: 16px;
        //       height: 16px;
        //     }
        //   }
        //   input::placeholder {
        //     color: #fff;
        //   }
        //   .clear_icon {
        //     height: 16px;
        //     position: absolute;
        //     top: 50%;
        //     right: 14px;
        //     transform: translate(0, -50%);
        //     svg {
        //       fill: #fff;
        //       width: 16px;
        //       height: 16px;
        //     }
        //   }
        //   .search_content {
        //     position: fixed;
        //     top: 50px;
        //     left: 0;
        //     right: 0;
        //     bottom: 0;
        //     background: #fbfcfd;
        //     overflow: scroll;
        //     z-index: 2;
        //   }
        // }
      }
    }
    .search_text {
      font-size: 16px;
      color: #333;
      margin-left: 6px;
    }
  }
  .hot_search_list_wrap {
  }
  .search_history_wrap {
  }
}
